{% extends 'base.html' %}
{% block title %}register{% endblock %}
{% block main %}
<div class='w-25' style='margin-left: 400px'>

<form action='' method='post'> 
    {% csrf_token %}  
  <div class="form-group">
    <label for="NameDemo">User Name:</label>
    <input type="text" name="username" required id="id_username" class="form-control" id="NameDemo" aria-describedby="nameHelp" placeholder="QQ昵称">
    <!-- <small id="nameHelp" class="form-text text-muted">Please enter your full name</small> -->
  </div>
  <!-- <div class="form-group"> -->
  <!--   <label for="EmailDemo">Your Email:</label> -->
  <!--   <input type="email" class="form-control" id="EmailDemo" aria-describedby="emailHelp" placeholder="Enter email"> -->
  <!--   <small id="emailHelp" class="form-text text-muted">Please enter your primary email, we will send confirmation email!</small> -->
  <!-- </div> -->
  <div class="form-group">
    <label for="passDemo">Enter Password:</label>
    <input type="password" name="passwd" required id="id_passwd" class="form-control" id="passDemo" aria-describedby="passHelp" placeholder="Password">
    <!-- <small id="passHelp" class="form-text text-muted">Must be 8 characters long</small> -->
  </div>
  
  <div class="form-group">
    <label for="passDemo">Confirm Password:</label>
    <input type="password" class="form-control" id="passDemo" name="passwd2" required id="id_passwd2" aria-describedby="passHelp" placeholder="Password">
    <!-- <small id="passHelp" class="form-text text-muted">Must be 8 characters long</small> -->
  </div>
  
  <div class="form-group">
    {{ captcha.as_p }}
  </div>
  
  <button type="submit" class="btn btn-dark">Create My Account</button>
</form>
</div>
{% endblock %}
